<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="top-box">
        <div class="container">
            <div class="top-content">
                <div class="top-nav">
                    <a href="">小米网</a>
                    <span class="sep">|</span>
                    <a href="">MIUI</a>
                    <span class="sep">|</span>
                    <a href="">米聊</a>
                    <span class="sep">|</span>
                    <a href="">游戏</a>
                    <span class="sep">|</span>
                    <a href="">多看阅读</a>
                    <span class="sep">|</span>
                    <a href="">云服务</a>
                    <span class="sep">|</span>
                    <a href="">小米网移动版</a>
                </div>
                <div class="top-info">
                    <a href="">登陆</a>
                    <span class="sep">|</span>
                    <a href="">注册</a>
                </div>
            </div>
        </div>
    </div>
    <div class="main-box">
        <div class="main-top-box">
            <div class="container">
                <div class="main-top-box-content">
                    <div class="main-top-logo"></div>
                    <div class="main-top-other">
                        <a href="">首页</a>
                        <a href="" class="main-top-other-money">财富</a>
                        <a href="">贷款</a>
                        <a href="">资产</a>
                        <a href="">社区</a>
                        <a href="" style="padding-right: 0">客户端</a>
                        <div class="main-top-other-money-about">
                            <span>定期活期</span>
                            <span>基金投资</span>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="main-bg-box">
            <div class="main-bg-top">
                小米用科技畅想金融
            </div>
            <div class="main-bg-down">
                <a href="">下载小米金融APP</a>
            </div>
        </div>
        <div class="container">
            <div class="main-content-box ">
                <div class="main-content">
                    <div class="main-content-top-box">
                        <div class="main-content-top-bg">
                            <p>财富</p>
                            <p>新手最高领888元</p>
                        </div>
                    </div>
                    <div class="main-content-bottom-box">
                        <p><span>小米官方</span>&nbsp;&nbsp;|&nbsp;&nbsp;米家的综合财富平台</p>
                        <p><span>安全可靠</span>&nbsp;&nbsp;|&nbsp;&nbsp;严控资金，多重风险审核</p>
                        <p><span>优质产品</span>&nbsp;&nbsp;|&nbsp;&nbsp;知名合作伙伴，精选理财产品</p>
                        <a href="">了解更多&gt;</a>
                    </div>
                </div>
                <div class="main-content">
                    <div class="main-content-top-box">
                        <div class="main-content-top-bg">
                            <p>财富</p>
                            <p>新手最高领888元</p>
                        </div>
                    </div>
                    <div class="main-content-bottom-box">
                        <p><span>小米官方</span>&nbsp;&nbsp;|&nbsp;&nbsp;米家的综合财富平台</p>
                        <p><span>安全可靠</span>&nbsp;&nbsp;|&nbsp;&nbsp;严控资金，多重风险审核</p>
                        <p><span>优质产品</span>&nbsp;&nbsp;|&nbsp;&nbsp;知名合作伙伴，精选理财产品</p>
                        <a href="">了解更多&gt;</a>
                    </div>
                </div>
                <div class="main-content">
                    <div class="main-content-top-box">
                        <div class="main-content-top-bg">
                            <p>财富</p>
                            <p>新手最高领888元</p>
                        </div>
                    </div>
                    <div class="main-content-bottom-box">
                        <p><span>小米官方</span>&nbsp;&nbsp;|&nbsp;&nbsp;米家的综合财富平台</p>
                        <p><span>安全可靠</span>&nbsp;&nbsp;|&nbsp;&nbsp;严控资金，多重风险审核</p>
                        <p><span>优质产品</span>&nbsp;&nbsp;|&nbsp;&nbsp;知名合作伙伴，精选理财产品</p>
                        <a href="">了解更多&gt;</a>
                    </div>
                </div>

            </div>
        </div>

    </div>
    <div class="footer-box container">
        <div class="footer-left-box">
            <div class="footer-left-logo">
                <img src="images/footer_icon-cf1f052c34.png" alt="">
            </div>
            <div class="footer-left-content">
                <p>帮助中心&nbsp;|&nbsp;关注我们&nbsp;|&nbsp;新浪微博</p>
                <p style="font-size: 12px;">Copyright © mi.com 京ICP备10046444号-7&nbsp;|&nbsp;京公网安备 11010802020134号&nbsp;|&nbsp;京ICP证110507号</p>
            </div>
        </div>
        <div class="footer-right-box">
            <p class="footer-title">客服电话</p>
            <p class="footer-call">400-100-3399</p>
            <p class="footer-time">周一至周日 9:00-19:00(仅收市话费)</p>
        </div>
    </div>
</body>

</html>